<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./lib/bnner/slider.css">
    <title>Document</title>
</head>
<body>
        <!-- 头部 -->
        <header>
            <!-- 顶部导航 -->
            <div class="top-backimg">
                <div class="top-main container cf">
                    <span class="fl">legochina.cn</span>
                    <span class="bf fr">
                        欢迎光临
                        <a href="#" class="f6">乐购</a>
                        ，请
                        <a href="#" class="bf">登陆</a>
                        \
                        <a href="#" class="f6">注册</a>
                    </span>
                </div>
            </div>
            <!-- 搜索框 -->
            <div class="search-box container cf">
                <a href="#" class="fr">我的订单</a>
                <a href="#" class="fr">购物车 3</a>
                <div class="search-bnt fr">
                    <input type="text">
                    <button type="button">搜索</button>
                </div>
    
            </div>
            <!-- 导航栏+logo -->
            <div class="nav-logo container cf">
                <img src="./images/logo.jpg" alt="1">
                <ul>
                    <li><a href="#">图书</a></li>
                    <li><a href="#">电子书</a></li>
                    <li><a href="#">原创文学</a></li>
                    <li><a href="#">服装</a></li>
                    <li><a href="#">运动户外</a></li>
                    <li><a href="#">孕婴童</a></li>
                    <li><a href="#">家居</a></li>
                    <li><a href="#">创意文具</a></li>
                    <li><a href="#">地方特产</a></li>
                    <li><a href="#">海外购</a></li>
                    <li><a href="#">电器城</a></li>
                </ul>
            </div>
        </header>




        <!-- 页脚 -->
     <div class="line"></div>
    <footer>
        <div class="top">
            <img src="./images/222_11.png" alt="1">
            <img src="./images/222_13.png" alt="1">
            <img src="./images/222_15.png" alt="1">
            <img src="./images/222_17.png" alt="1">
        </div>
        <div class="bot">
            <div>
                <span>购物指南</span>
                <p>购物流程</p>
                <p>发票制度</p>
                <p>账户管理</p>
                <p>会员优惠</p>
            </div>
            <div>
                <span>支付方式</span>
                <p>货到付款</p>
                <p>网上支付</p>
                <p>礼品卡支付</p>
                <p>银行转帐</p>
            </div>
            <div>
                <span>订单服务</span>
                <p>订单配送查询</p>
                <p>订单状态说明</p>
                <p>自助取消订单</p>
                <p>自助修改订单</p>
            </div>
            <div>
                <span>商家服务</span>
                <p>商家中心</p>
                <p>运营服务</p>
                <p>加入尾品汇</p>
            </div>
            <div class="logo"><img src="./images/logo_00.png" alt="1"></div>
        </div>
        <p><a href="#">公司简介</a> | <a href="#">Investor Relations</a> | <a href="#">网站联盟</a> | <a href="#">乐购招商</a> | <a
                href="#">机构销售</a> | <a href="#">手机乐购</a> | <a href="#">官方Blog</a> | <a href="#">热词搜索</a></p>
        <div class="last"><span> Copyright (C) 乐购网 2004-2016, All Rights Reserved</span> </div>

    </footer>
</body>



<script src="./lib/jquery-1.11.0.js"></script>
<script src="./lib/bnner/slider.js"></script>
</html>